遍歷物件 for in 和 for of


Posted by Rich on 2021-08-31

遇到物件的時候要怎麼遍歷每個 key 或 value 呢?
如果是 array 就好辦了,用 .map .filter .reduce 都可以(因為最近剛會這幾個)。
但物件的話上面這些方法都不能用,因為只有 array 可以用。
常搞混的 for in for of 差在哪裡呢?
for in 是遍歷 key 值。
for of 是遍歷 value 值。

Object.entries() 搭配 forEach ,就可以把物件的 key 和 value 同時拿到。

Object.entries(obj).forEach((item) => {
  let [key, value] = item;
  console.log(key); // name 、 age 、 height 、 weight
  console.log(value); // Danny 、 26 、 180 、 72
});

先這樣,有遇到再紀錄。










Related Posts

MTR04_0702

MTR04_0702

Vuex 集中式狀態管理

Vuex 集中式狀態管理

GO 架站 01 | 取回伺服器回傳的資料

GO 架站 01 | 取回伺服器回傳的資料


Comments